<script lang="ts" setup>
  import Pagination from '@sscd/pagination';
</script>

<template>
  <div class="demo">
    <div class="demo-title">迷你</div>
    <div class="demo-content">
      <Pagination size="small" :total="50" />
      <Pagination size="small" :total="50" show-size-changer show-quick-jumper class="mt-24" />
      <Pagination
        size="small"
        :total="50"
        :show-total="(total) => `Total ${total} items`"
        class="mt-24"
      />
    </div>
  </div>
</template>

<style lang="less" scoped>
  .mt-24 {
    margin-top: 24px;
  }
</style>
